.app-movement {
	height: 100%;
	padding-bottom: 65px;
	background-color: #f2f2f2;
	overflow-y: scroll;
	&::-webkit-scrollbar {
		display: none;
		-webkit-overflow-scrolling: touch;
	}
	.hold {
		width: 100%;
		height: 60px;
	}
	.selector {
		justify-content: space-around;
		align-items: center;
		border-bottom: 1px solid #ddd;
		// padding: 30px 15px 0px;
		background-color: white;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 60px;
		li {
			text-align: center;
			font-size: 16px;
			// padding: 0 5px 8px;
			line-height: 59px;

			&.active {
				color: #4294ff;
				border-bottom: 3px solid #aad9f7;
				font-weight: bold;
			}
		}
	}
	// 内容
	.content {
		// overflow-y: auto;
		background-color: white;
		// 最新课程
		.item {
			padding: 5px 10px;
			h2 {
				font-size: 18px;
			}
			#newCourse {
				border-radius: 15px;
				box-shadow: 0 0 10px 0 #ccc;
				overflow: hidden;
				img {
					width: 100%;
					height: 150px;
				}
				div {
					height: 80px;
					padding-left: 15px;
					display: flex;
					flex-direction: column;
					justify-content: space-evenly;
					h2 {
						font-size: 18px;
						font-weight: normal;
					}
					p {
						color: #9a9a9a;
					}
				}
			}
		}
		// 课程
		.item {
			padding: 5px 10px;
			h2 {
				font-size: 20px;
			}
			li {
				position: relative;
				border-radius: 15px;
				box-shadow: 0 0 10px 0 #aaa;
				overflow: hidden;
				margin-bottom: 15px;

				h4 {
					position: absolute;
					left: 20px;
					bottom: 60px;
					color: #fff;
					font-size: 20px;
				}

				p {
					position: absolute;
					left: 20px;
					bottom: 30px;
					color: #fff;
					font-size: 14px;
				}
			}

			img {
				width: 100%;
				height: 120px;
			}
		}
	}
}
